*{
    padding: 0;
    margin: 0;
}

/* 背景容器样式 */
.background-container {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background-color: #000; /* 背景为黑色 */
}

/* 粒子容器 */
.particles {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 使粒子不可交互 */
}

/* 粒子的样式 */
.particle {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 50%;
    animation: rise 5s linear infinite;
}

/* 粒子上升动画 */
@keyframes rise {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    70% {
        opacity: 1;
    }
    100% {
        transform: translateY(-66vh); /* 上升到页面2/3处 */
        opacity: 0;
    }
}
